<template>
    <div class="page-wrap course-page">
        <course-message :data="courseData"></course-message>
    </div>
</template>

<script>
    import CourseMessage from '@/components/CoursePage/CourseMessage'
    import dataOperate from '@/services';

    import { useStore } from 'vuex';
    import { onMounted, computed } from 'vue';

    export default {
        name: "CoursePage",
        components: {
            CourseMessage
        },
        setup() {
            const store = useStore(),
                state = store.state;

            onMounted(() => {
                dataOperate(store, 'getData');
            });

            return {
                courseData: computed(() => state.courseData),
            }
        }
    }
</script>

<style scoped>

</style>